<template>
  <div class="form-item">
    <!--<add-row-license @dataLicenseChange="dataLicenseChange" />-->
    <!--<add-row-price @dataPriceChange="dataPriceChange" />-->
    <!--<add-row-building @dataBuildingChange="dataBuildingChange" />-->
    <!--<add-row-rec @dataPositionChange="dataPositionChange" :selectedPosition="[5]"></add-row-rec>-->
    <!--<article-item @ArticleItemChange="ArticleItemChange"></article-item>-->
    <cms-upload-crop></cms-upload-crop>
  </div>
</template>

<script>
//  import AddRowLicense from "@/components/addRow/AddRowLicense";
//  import AddRowPrice from "@/components/addRow/AddRowPrice";
//  import AddRowRec from "@/components/addRow/AddRowRec";
//  import AddRowBuilding from "@/components/addRow/AddRowBuilding";
//  import ArticleItem from "@/components/addRow/ArticleItem";
  import cmsUploadCrop from "@/components/pagecomponents/cmsUploadCrop";


  export default {
    name: 'formItem',
    props:{},
    data(){
        return {}
    },
    created(){},
    components: {
//      AddRowLicense,
//      AddRowPrice,
//      AddRowRec,
//      AddRowBuilding,
//      ArticleItem,
        cmsUploadCrop
    },
    methods: {
      dataLicenseChange (data) { // 许可证数据
        console.log(data)
      },
      dataPriceChange (data) { // 价格数据
        console.log(data)
      },
      dataPositionChange(data){
          console.log(data)
      },
      dataBuildingChange(data){
          console.log(data)
      },
      ArticleItemChange(data){
          console.log(data)
      },

      toggleShow() {
          this.show = !this.show;
      }
    }
  }
</script>

<style lang="scss" scoped>
  .form-item {
    width: 96%;
    margin: 20px auto;
  }
</style>
